<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <!-- Bootstrap 的 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <link rel="stylesheet" href="css/header.css" />
    <title>维亚生物试剂</title>
  </head>
  <body>
    <!-- pc头部搜索，banner -->
    <header>
      <!-- 头部 -->
      <div class="pcHeader d-flex flex-column align-items-center">
        <!-- 搜索 -->
        <div
          class="headerContainer d-flex justify-content-center align-items-center"
        >
          <div
            class="searchInout d-flex justify-content-between align-items-center"
          >
            <input
              type="text"
              placeholder="请输入货号、cas号、smiles 号、关键词"
            />
            <img src="./image/search.png" alt="" />
          </div>
          <div
            class="inpuRight d-flex justify-content-between align-items-center"
          >
            <h4>结构搜索</h4>
            <img src="./image/zhuce.png" alt="" />
            <img src="./image/car.png" alt="" />
          </div>
        </div>
        <!-- 导航 -->
        <div class="pcNaver d-flex">
          <div class="d-flex justify-content-between">
            <a href="./index.html" class="">首页</a>
            <a href="#!" class="active">体外诊断试剂</a>
            <a href="./menulist.html" class="">药研试剂</a>
            <a href="./dingzhi.html" class="">定制服务</a>
            <a href="#" class="">联系我们</a>
          </div>
        </div>
      </div>
    </header>
    <script src="js/bootstrap.js"></script>
  </body>
</html>
